/* icons used in the toolbar */
body {
	font-size: 12px;	
}
.loadingdata {
    background:transparent url(../img/blue-loading.gif) no-repeat top left;
	height:46px;
}
#tbborder {
	border: 1px solid #8db2e3;
	font-size: 12px;
	color: #8db2e3;
	border-right: none;
	border-top: none;
}
#tbborder  td {
	padding: 10px;
	border: 1px solid #8db2e3;
	border-left: none;
	border-bottom: none;
	color: #3366FF;
}
#loading img {
	margin-bottom:5px;
}
#loading-mask{
	position:absolute;
	left:0;
	top:0;
    width:100%;
    height:100%;
    z-index:20000;
    background-color:white;
}
#loading{
	position:absolute;
	left:45%;
	top:40%;
	padding:2px;
	z-index:20001;
    height:auto;
}
#loading img {
    margin-bottom:2px;
    background:#000 !important;
}
#loading .loading-indicator{
	background: #fff;
	color:#555;
	font:bold 12px tahoma,arial,helvetica;
	padding:10px;
	margin:0;
    text-align:center;
    height:auto;
}
.add {
  background-image:url('../img/add.gif') !important;
}
.remove {
	background-image:url('../img/cross.png') !important;
}
.view {
	background-image:url('../img/feed-item.gif') !important;
}
.send {
	background-image:url('../img/user_comment.png') !important;
}
.reply {
	background-image:url('../img/reply.png') !important;
}
.play {
	background-image:url('../img/play.gif') !important;
}
.edit {
	background-image:url('../img/kate_16.png') !important;
}
.search {
	background-image:url('../img/search.png') !important;
}
.readonlycell { 
  background-color:#CCCCCC !important;
}
.coolcell { 
  background-image:url('../img/cellbck.jpg') !important;
}
.tieude {
	color: #39C;	
}
.xcheckbox-wrap {
	line-height: 18px;
	padding-top:2px;
}
.xcheckbox-wrap a {
	display:block;
	width:16px;
	height:16px;
	float:left;
}
.x-toolbar .xcheckbox-wrap {
	padding: 0 0 2px 0;
}
.xcheckbox-on {
	background:transparent url(../resources/images/default/menu/checked.gif) no-repeat 0 0;
}
.xcheckbox-off {
	background:transparent url(../resources/images/default/menu/unchecked.gif) no-repeat 0 0;
}
.xcheckbox-disabled {
	opacity: 0.5;
	cursor:default;
}
.x-form-file-wrap {
    position: relative;
    height: 22px;
	/*margin-left: 110px;*/
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}
#img-chooser-dlg .details{
    padding: 10px;
    text-align: center;
}
#img-chooser-dlg .details-info{
    border-top: 1px solid #cccccc;
    font: 12px Tahoma;
    margin-top: 5px;
    padding-top: 5px;
    text-align: left;
}
.msg .x-box-mc {
    font-size:12px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:280px;
    z-index:20000;
}
#img-chooser-dlg .details-info b{
    color: #555555;
    display: block;
    margin-bottom: 4px;
}
#img-chooser-dlg .details-info span{
    display: block;
    margin-bottom: 5px;
    margin-left: 5px;
}

#img-chooser-view{
    background: white;
    font: 12px Tahoma;
}
#img-chooser-view .thumb{
    background: #dddddd;
    padding: 3px;
}
#img-chooser-view .thumb img{
    height: 60px;
    width: 80px;
}
#img-chooser-view .thumb-wrap{
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
}
#img-chooser-view .thumb-wrap span{
    display: block;
    overflow: hidden;
    text-align: center;
}
#img-chooser-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url('../images/default/grid/row-over.gif') repeat-x left top;
    padding: 4px;
}
#img-chooser-view .x-view-selected{
    background: #DFEDFF;
    border: 1px solid #6593cf;
    padding: 4px;
}
#img-chooser-view .x-view-selected .thumb{
    background:transparent;
}
#img-chooser-view .x-view-selected span{
    color:#1A4D8F;
}
#img-chooser-view .loading-indicator {
    font-size:12px;
    background-image:url('../img/loading.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
}
#img-detail-panel img {
	width: 220px;
	height: 150px;
}
#imgview img {
	width: 100px;
	height: 120px;
}
#imgview {
	width: 110px;
	float: left;
}
#uploadarea {
	width: 200px;
	float: left;
}
#form-file {
	width: 140px;
	margin-left: 110px;
}
#form-file2 {
	width: 250px;
}
#uploadstatus {
	width: 165px;
	height: 90px;
	margin-top: 5px;
	float: left;
	text-align: justify;
}
#uploadstatus span {
	font-weight: bold;
	color: #f00;
}
#usrinfo, #order {
	background-color: #fff;
}
#usrinfo table, #order table {
	width: 98%;
	margin: 5px auto;
	border: 1px solid #ccc;
	border-right: none;
	border-top: none;
	font: normal 12px Tahoma;
}
#usrinfo td, #order td {
	border: 1px solid #ccc;
	padding: 3px;
	vertical-align: top;
}
#usrinfo td.headtd, #order td.headtd {
	width: 100px;
	font-weight: normal;
	border-left: none;
	border-bottom: none;
	border-right: none;
}
#usrinfo td.info, #order td.info {
	border-left: none;
	border-bottom: none;
	font-weight: bold;
	width: 300px;
}
#usrinfo td.bottomtd, #order td.bottomtd {
	border-bottom: none;
	border-left: none;
	text-align: center;
}
#usrinfo td.bottomtd strong, #order td.bottomtd strong {
	font-weight: bold;
}
#usrinfo td.infov, #order td.infov {
	font-weight: normal;
	border-left: none;
	border-bottom: none;
}
#order  td.proview {
	border: 1px solid #ccc;
	border-left: none;
	border-bottom: none;
	padding: 3px;
	vertical-align: top;
	text-align:center;
}
#order  td.pcontent{
	background: #fff url('/templates/ext/resources/img/arrow.png') 305px 50% no-repeat;
}
#order table.noborder {
	border: none;
}
#order table.noborder td{
	border: none;
	text-align: center;
}
#order table.noborder td p{
	padding: 0;
	margin: 0;
}
#order table.noborder td img{
	border: none;
	width: 135px;
	height: 100px;
	margin: 10px 0 10px 0;
}
#order td.tdhead {
	font-weight: bold;
	color: #f00;
}